<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="top"></div>
   <!--
        a标签:超链接,通过超链接可以实现页面的跳转
            href:url地址，路径
            target:指定在哪个窗口中打开链接
                _self : 默认值, 默认在当前窗口打开链接
                _blank : 在新窗口中打开链接

        超链接:普通超链接、锚链接、功能性链接
  -->
   
   <!--普通超链接-->
    <!--绝对路径-->
    <a href="https://www.baidu.com" target="_blank">百度一下</a>
    
    <!--相对路径-->
    <a href="14.无序列表.html" target="_blank">14.无序列表</a>
   
   
    <!--锚链接-->
    <!--1.定义锚点:<div id="值"></div>-->
    <!--2.跳转到锚点:<a href="#值">链接内容</a>-->

   <a href="#bottom">回到底部</a>
   <h1>你最喜欢的女明星</h1>
   <ol type="1" start="5" reversed="reversed">
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="A" start="2" >
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="i" start="5" reversed>
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="I" start="3" >
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="1" start="5" reversed="reversed">
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="A" start="2" >
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="i" start="5" reversed>
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <h1>你最喜欢的女明星</h1>
   <ol type="I" start="3" >
       <li>baby</li>
       <li>李沁</li>
       <li>杨幂</li>
       <li>杨超越</li>
   </ol>
   <!--所有标签都可以设置id属性，但是id的值要唯一-->
    <div id="bottom"></div>
    <a href="#top">返回顶部</a>

    <!--功能性链接-->
    <a href="javascript:alert('点我干嘛');">你点我呀</a>
    <a href="../images/02.gif">查看图片</a>
</body>
</html>